html {
          width: 100%;
          height: 100%;
          margin: 0;
          }

body{
          margin: 0;
          color: rgb(255,255,255);
          background-color: rgb(188,216,150);
          width: 100%;
          height: 100%;
          /* min-height: 1200px; */
          font-family: arial, sans-serif;
          }

hr              {
                display: block; 
                clear: left; 
               /* margin: -0.66em 0; */
                visibility: hidden;
                }

.top {
          width: 100%;
          background: url(logo.png) no-repeat center ;
          height: 200px;
          padding-bottom: 10px;
          }
          
#navibox  {
            position:  absolute;
            top: 0px;
            left: 0px;
            padding: 5px;
            padding-left: 10px;
            z-index: 1;
          }          
#loginbox {
            position: absolute;
            top: 0px;
            right: 0px;
            padding: 5px;
            padding-right: 10px;
            z-index: 1;
          }
#loginbox form  {
                  display: inline;
                }          
          
#loginbox a,#navibox a {
               color: rgb(255,255,255);
            }          
#loginbox a:hover, #navibox a:hover {
                    color: rgb(255,255,0);
                  }

#loginbox input {
                  border: 0px;
                  display: inline;
                  width: auto;
                }
#loginboxsubmit:hover  {
                         background: rgb(0,0,0);
                         color: rgb(255,255,255);
                       }                
#loginbox {}                 

#hills  {
          position: absolute;
          width: 100%;
          height: 50px;
          z-index: -1;
          background: url(hills.png) repeat-x;
          top: 50px;
          left: 0px;
        }

#weather {
          position: absolute;
          width: 100%;
          height: 100px;
          top: 0px;
          left: 0px;
          z-index: -2;
          background: url(clouds2.png) repeat-x rgb(0,0,255);
          overflow: hidden;
         }

#weather div.cloud {
                  position: absolute;
                  height: 44px;
                  width: 80px;
                  top: 0px;
                  right: 0px;
                  z-index: -2;
                }
                
 #weather #cloud0 {
                  background: url(single_cloud.png) no-repeat;
                }

 #weather #cloud1 {
                  background: url(single_cloud.png) no-repeat;
                }
                
 #weather #cloud2 {
                  background: url(single_cloud2.png) no-repeat;
                }

 #weather #cloud3 {
                  background: url(single_cloud3.png) no-repeat;
                }
                
#weather.test div.cloud { background: url(single_cloud2.png) no-repeat;}

#weather.fog #cloud {}


#cloud.rain {
          background: url(single_cloud_rain.png) no-repeat;
}

#container{
          width: 750px;
          margin-left: auto;
          margin-right: auto;
          /* min-height: 100%; */
          }

#content{
          padding-left: 5px;
          padding-right: 5px;
          text-align: justify;
          min-height: 768px;
          /* padding-bottom: 200px; */
          margin-bottom: 200px;
          background: rgb(52,101,51);
          }

#rhstree {
          position: absolute;
          background: url(sequoia.png) no-repeat scroll right bottom;
          height: 400px;
          width: 200px;
          right: 0px;
          top: 50%;
          padding-top: 25%;
          z-index: -2;
          }
  
  
#lhstree1 {
          position: absolute;
          background: url(ash.png) no-repeat scroll right top;
          height: 281px;
          width: 212px;
          z-index: -1;
          top: 25%;
          padding-top: 25%;
          }
#lhstree2 {
          position: absolute;
          background: url(maple.png) no-repeat scroll right bottom;
          height: 300px;
          width: 300px;
          z-index: -1;
          top: 100%;
          margin-bottom: 400px;
          }

#footer {
          position: absolute;
          background: url(footer.png) repeat-x;
          height: 220px;
          width: 100%;
          z-index: -2;
          margin-top: -220px;
          }

span.footer {
          position: absolute;
          background: transparent;
          font-size: 1.2em;
          bottom: 2px;
          width: 100%;
          text-align: center;
          }
          
.bigoak {
          position: absolute;
          height: 450px;
          width: 100%;
          z-index: -1;
          margin-top: -440px;
          background-repeat: no-repeat;
          background-position: left;
          /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/assets/style/bigoak2.png", sizingMethod="crop"); */
          }

.bigoak[class] {
          background-image: url(bigoak2.png);
           }

#site_nav   {
            position: absolute;
            left: 0;
            top: 220px;
            padding-left: 5px;
            font-size: 0.8em;
            background-color: rgb(50,100,50);
            
            }
#site_nav a:hover {
                    background: rgb(188,216,150);
                    color: black;
                  }